//APP默认颜色
@defaultColor:#02a588;
// @defaultColor:#393a3e;
//header
@headerBg:#393a3e;
@headerDefaultColor:rgb(73,73,73);
@headerHeight:48px;
@headerPersonalCenterBg:#F5F22B;

//tabbar
@tabbarActiveColor: @defaultColor;
@listDividerBg: #f2f2f2;

  .root {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  .content {
    background-color: @listDividerBg;
    flex: 1;
    overflow: auto;
    //如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。auto表示如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容
    -webkit-overflow-scrolling: touch;
  }

 //我的资料列表
  .list {
    background-color: white;
    &-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      padding: 12px 24px;
      border-bottom: 1px solid #E6E6E6;
      &-left {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex: 1;
        .avatar {
          width: 56px;
          height: 56px;
          border-radius: 50%;
        }
        &-title {
          flex: 1;
          margin-left: 16px;
          .name {
            font-size: 16px;
            color: #333333;
          }
          .tag {
            margin-top: 4px;
          }
        }
      }
      &-right {
        color: #666666;
      }
    }
  }

  //标签外边距
  .tag-item-margin {
    margin: 2px;
  }

  //评分框
  .score {
    display: flex;
    align-items: center;
    border-radius: 2px;
    background-color: #9c55a1;
    color: white;
    padding: 0 8px 0 2px;
    font-size: 12px;
    .small-star {
      width: 18px;
    }
  }

  //钱包明细列表
  .detail-list {
    background-color: white;
    &-item {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 16px 24px;
      border-bottom: 1px solid #E6E6E6;
      &-left {
        display: flex;
        flex-direction: column;
        .title {
          font-size: 16px;
          color: #333333;
        }
        .date {
          margin-top: 2px;
          color: #666666;
          font-size: 14px;
        }
      }
      &-right {
        font-size: 18px;
        color: #9c55a1;
      }
    }
  }


  //小钱袋
  .wallet {
    display: flex;
    justify-content: space-around;
    background-color: white;
    padding: 24px 0 16px 0;
    &-balance {
      display: flex;
      flex-direction: column;
      align-items: center;
      img {
        width: 64px;
        height: 64px;
      }
      &-title {
        font-size: 16px;
        color: #9c55a1;
        margin-top: 8PX;
      }
      &-data {
        /*font-size: 14px;*/
        color: #e82754;
        // margin-top: 4PX;
      }
    }
  }
  
  .buttonCon {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .raised-button {
    margin-top: 12px;
    font-size: 18px;
    width: 95%;
  }
  
 

 //充值、提现
 .amount-con {
    background-color: white;
    margin: 12px;
    padding: 16px 16px 8px 16px;
    .amount-title {
      font-size: 18px;
    }
    .amout-data {
      margin-top: 8px;
    }
    .money-icon {
      font-size: 16px;
      margin-right: 10px;
    }
  }